.toolbar-button
  .ant-btn
    display: flex !important
    flex-flow: column
    justify-content: center
    align-items: center
    min-width: 40px
    height: 100%
    border: none
    color: #999
    box-sizing: border-box
    padding: 0 5px

    &:hover,
    &:focus
      background: #3E3E3E
      box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .5)
      border: none
      opacity: 0.9

    &.active
      // background: #5273FF
      // box-shadow: 0px 1px 4px 0px rgba(82, 115, 255, .5)
      border: none

      .icon-wrap
        background: #FFD239

        > svg
          color: #202020

    .icon-wrap
      display: flex
      justify-content: center
      align-items: center
      width: 30px
      height: 30px
      margin-bottom: 2px
      // background: #FFD239
      border-radius: 6px

      > svg
        height: 20px
        width: 20px
        color: #5273FF
        fill: currentColor

    > span
      font-size: 12px
      color: #fff

    .dropdown-btn
      display: flex
      justify-content: center
      align-items: center

      &-arrow
        margin-left: 1px
        color: #acacac

      .anticon-down
        margin-left: 2px

  .ant-btn-group .ant-dropdown-trigger
    width: 20px
    margin: 0 !important

  // &.active
  //   background: #5273FF !important

.ant-dropdown
  .ant-dropdown-menu
    .ant-dropdown-menu-item
      &.toolbar-menu-item
        display: flex
        justify-content: start
        align-items: center
        padding: 4px 12px
        font-size: 12px

        .icon-wrap
          display: flex
          justify-content: center
          align-items: center
          width: 30px
          height: 30px
          margin-right: 15px
          border-radius: 6px

          > svg
            height: 20px
            width: 20px
            vertical-align: text-bottom
            color: #5273FF
            fill: currentColor

        &:hover,
        &:focus
          background: #3E3E3E
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .5)
          border: none
          opacity: 0.9

        &.active
          // background: #5273FF
          // box-shadow: 0px 1px 4px 0px rgba(82, 115, 255, .5)
          border: none

          .icon-wrap
            background: #FFD239

            > svg
              color: #202020

    .ant-dropdown-menu-item-divider
      background-color: #fff
